<div {{ sylius_test_html_attribute('vertical-menu') }}>
    <div class="d-flex flex-column">
        {% for child in taxon.enabledChildren %}
            <a href="{{ path('sylius_shop_product_index', {'slug': child.slug, '_locale': child.translation.locale}) }}" class="d-inline-block py-1 link-reset" {{ sylius_test_html_attribute('vertical-menu-item') }}>
                {{ child.name }}
            </a>
        {% endfor %}

        {% if taxon.parent is not empty and not taxon.parent.isRoot() and taxon.parent.enabled %}
            <a href="{{ path('sylius_shop_product_index', {'slug': taxon.parent.slug, '_locale': taxon.parent.translation.locale}) }}" class="d-inline-block py-1 link-reset" {{ sylius_test_html_attribute('vertical-menu-go-level-up') }}>
                {{ 'sylius.ui.go_level_up'|trans }}
            </a>
        {% endif %}
    </div>
</div>
